<script lang="ts" setup>
import type { PieIndicator } from '@/types/interface'
import type { PropType } from 'vue'

defineProps({
    indicatorItems: {
        type: Array as PropType<PieIndicator[]>,
        defult: {}
    }
})
</script>

<template>
    <div class="column-normal-start-align-start p-a-10">
        <div v-for="(item,index) in indicatorItems" :key="index" class="row-normal-start m-t-5">
            <div class="indicatorPoint r-b" :style="{'background-color':`${item.color}`}"></div>
            <span class="font-size-10 left-cell-title-color m-l-5">{{ item.title }}</span>
        </div>
    </div>
</template>   

<style lang="stylus" scoped>
@import "stylus-px2rem";
@import url('@/css/normal.styl');

$indicatorPointLength = 5px
.indicatorPoint
    width $indicatorPointLength
    height $indicatorPointLength

    
</style>